/**
* @Description： 主界面样式　
*/

@import "../../styles/color.scss";
.home-container {
  position: relative;
  padding: 0 !important;
  .home-main-container {
    height: calc(100vh);
    padding: 0 24px;
    background: $background-color;
  }
  .home-left {
    background: $primary-color;
    margin-top: 40px;
    height: calc(100vh - 40px);
  }
}

/*弹出菜单样式 */
.el-menu--vertical, .el-menu--horizontal{
  .el-menu--popup{
    background: $primary-color;
    padding: 0 !important;
    /*标题颜色*/
    .el-submenu__title, .el-menu-item{
      background: transparent;
      color: #fff;
    }

    /*标题图标颜色*/
    .el-submenu__title i,.el-menu-item i,.el-menu-item svg{
      color: #fff;
    }
    .el-menu-item:hover,.el-submenu__title:hover,.el-submenu__title i:hover,.el-menu-item.is-active{
      transition: 1s;
      background: $secondary-color;
      color: $font-active;
      i, svg{
        color: $font-active !important;
      }
    }

    .el-menu--inline{
      background: transparent;
    }
  }
}

.home-main-content{
  margin-top: 90px;
  background: #f5f7fa;
}
